.ShowBigPic@charset "utf-8";
/* CSS Document */
html,body{
width: 100%;
position: relative;
font-size: 12px;
}
/* 顶部æ¡ç›® */
.headerLogo{
width: 100%;
background: #eee;
line-height: 32px;
position: relative;
}
.headerLogo a{
float: left;
line-height: 32px;
font-size: 14px;
margin-left: 15px;
}
.headerLogo a.aboutJH{
float: right;
margin-left: 0;
margin-right: 15px;
}
/* 头部 */
.header{
width: 100%;
border-top: 4px solid #005bac;
background: url(../images/headerbg.png)no-repeat 92% bottom;
position: relative;
}
/* pc头部 */
.pcHeader{
width: 1200px;
margin: 0 auto;
height: 112px;
}
.pcHeader .logo{
float: left;
line-height: 112px;
}
.pcHeader .logo img{
display: inline-block;
}
.pcHeader .pcNav{
float: right;
}
.pcHeader .pcNav > li{
float: left;
width: 124px;
}
.pcHeader .pcNav > li dl{
}
.pcHeader .pcNav > li dl dt{
height: 112px;
position: relative;
border-right: 1px solid #eee;
}
.pcHeader .pcNav > li:first-child dl dt{
border-left: 1px solid #eee;
}
.pcHeader .pcNav > li dl dt a{
font-size: 16px;
display: block;
width: 100%;
height: 100%;
text-align: center;
padding-top: 40px;
}
.pcHeader .pcNav > li dl dt a span{
display: block;
font-size: 12px;
color: #999;
text-transform: uppercase;
line-height: 16px;
margin-top: 5px;
}
.pcHeader .pcNav > li dl dt i{
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 0;
margin-left: -8px;
margin-bottom: -16px;
border: 8px solid #eee;
border-color: #eee transparent transparent transparent;
z-index: 100;
display: none;
}
.pcHeader .pcNav > li:hover dt,.pcHeader .pcNav > li.on dt{
background: #f3f3f3;
}
.pcHeader .pcNav > li:hover dl dt a,.pcHeader .pcNav > li.on dl dt a{
color: #005bac;
}
.pcHeader .pcNav > li:hover dl dt a span,.pcHeader .pcNav > li.on dl dt a span{
color: #005bac;
}
.pcHeader .pcNav > li dl dd{
position: absolute;
width: 100%;
background: rgba(0,0,0,0.2);
left: 0;
top: 112px;
height: 50px;
z-index: 88;
display: none;
}
.pcHeader .pcNav > li dl dd ol{
text-align: right;
}
.pcHeader .pcNav > li:nth-child(2) dl dd ol{
padding-right: 32%;
}
.pcHeader .pcNav > li:nth-child(3) dl dd ol{
padding-right: 30%;
}
.pcHeader .pcNav > li:nth-child(4) dl dd ol{
padding-right: 23%;
}
.pcHeader .pcNav > li:nth-child(5) dl dd ol{
padding-right: 17%;
}
.pcHeader .pcNav > li:nth-child(6) dl dd ol{
padding-right: 16%;
}
.pcHeader .pcNav > li dl dd ol li{
display: inline-block;
line-height: 50px;
font-size: 16px;
margin: 0 20px;
}
.pcHeader .pcNav > li dl dd ol li a{
color: #fff;
}
/* 手机头部 */
.phHeader{
padding: 0 3%;
height: 80px;
display: none;
}
.phHeader .logo{
float: left;
line-height: 80px;
}
.phHeader .mBtn{
float: right;
margin-top: 30px;
cursor: pointer;
}
.phHeader .blockMask{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 99;
display: none;
}
.phHeader .phNav{
position: fixed;
z-index: 100;
right: -50%;
top: 0;
width: 50%;
height: 100%;
background: #f5f5f5;
padding-top: 5%;
}
.phHeader .phNav li{
border-bottom: 1px solid #eee;
}
.phHeader .phNav > li dt{
line-height: 50px;
padding-left: 10%;
font-size: 18px;
border-bottom: 1px solid #eee;
}
.phHeader .phNav > li dt a{
color: #666;
}
.phHeader .phNav > li dt a span{
font-size: 14px;
color: #999;
text-transform: uppercase;
margin-left: 7px;
}
.phHeader .phNav > li dd{
display: none;
}
.phHeader .phNav > li dd ol li{
line-height: 40px;
padding-left: 15%;
font-size: 14px;
}
.phHeader .phNav > li dd ol li a{
color: #666;
}
.container{
width: 100%;
}
/* é¦–é¡µè½®æ’ */
.Carousel{
width: 100%;
position: relative;
overflow: hidden;
}
.Carousel ul li img{
display: block;
width: 100%;
}
.Carousel .Prev{
width: 249px;
height: 66px;
margin-top: -33px;
background: url(../images/prev.png)no-repeat;
left: 0;
}
.Carousel .Next{
width: 249px;
height: 66px;
margin-top: -33px;
background: url(../images/next.png)no-repeat;
right: 0;
}
.Carousel .Pointer{
bottom: 20px;
}
.Carousel .Pointer span{
opacity: 1;
border: 1px solid #fff;
background: transparent;
width: 12px;
height: 12px;
}
.Carousel .Pointer span.swiper-pagination-bullet-active{
background: #fff;
}
/* æœç´¢ä¸Žè”ç³»æ–¹å¼ */
.GeBackground{
background: url(../images/bg1.jpg);
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
}
.GangYuan{
width: 1200px;
margin: 0 auto;
}
.GangYuan > div{
float: left;
width: 33.33%;
}
.GangYuan .ewmBox{
float: right;
text-align: right;
}
.GangYuan .ewmBox img{
display: inline-block;
margin-left: 5px;
width: 80px;
}
.GangYuan .Search{
padding-top: 36px;
}
.GangYuan .Sear{
width: 264px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
display: flexbox;
display: box;
-ms-flex-direction: row;
-ms-flex-align: center;
border: 1px solid #ccc;
border-radius: 16px;
overflow: hidden;
}
.GangYuan .Sear .btn{
width: 32px;
height: 32px;
border: none;
background: url(../images/search.png)no-repeat center center;
}
.GangYuan .Sear .txt{
-ms-box-flex:1;
-moz-box-flex:1;
-webkit-box-flex:1;
box-flex:1;
flex: 1;
-ms-flex: 1;
border: none;
padding-left: 10px;
}
.GangYuan p{
color: #888;
font-size: 14px;
margin-top: 10px;
}
.GangYuan p a{
color: #888;
display: inline-block;
margin-right: 10px;
}
.GangYuan .ntLine{
text-align: center;
padding-top: 10px;
}
.GangYuan .ntLine dl{
display: inline-block;
padding-top: 25px;
}
.GangYuan .ntLine dl dt{
float: left;
margin-right: 10px;
}
.GangYuan .ntLine dl dd{
float: left;
}
.GangYuan .ntLine dl dd h3{
text-align: left;
font-weight: normal;
color: #888;
font-size: 14px;
line-height: 14px;
}
.GangYuan .ntLine dl dd p{
margin-top: 0;
}
/* æ–°é—»ä¸å¿ƒ */
.NewCenter{
width: 1200px;
margin: 0 auto;
margin-top: 50px;
}
.NewCenter .left{
float: left;
background: url(../images/NewCenter.jpg)no-repeat;
background-size: 100% 100%;
width: 25%;
color: #fff;
padding: 0 2.5%;
}
.NewCenter .left > div{
text-align: right;
margin-top: 30px;
}
.NewCenter .left h2{
margin-top: 50%;
font-weight: normal;
font-size: 24px;
line-height: 24px;
}
.NewCenter .left .line{
display: block;
width: 24px;
height: 1px;
background: #fff;
margin-top: 15px;
}
.NewCenter .left .en{
color: #fff;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
.NewCenter .left .more{
display: block;
width: 94px;
line-height: 28px;
text-align: center;
color: #fff;
border: 1px solid #fff;
margin-top: 10px;
}
.NewCenter .center{
float: left;
background: #f7f7f7;
width: 41%;
padding: 0 2.5%;
}
.NewCenter .center ul li{
border-bottom: 1px dashed #c2c2c2;
padding: 8% 0;
}
.NewCenter .center ul li:last-child{
border-bottom: none;
}
.NewCenter .center ul li h3{
font-size: 16px;
background: url(../images/newList-b.png)no-repeat left center;
padding-left: 25px;
line-height: 28px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.NewCenter .center ul li h3:hover{
background: url(../images/newList.png)no-repeat left center;
}
.NewCenter .center ul li h3:hover a{
color: #005bac;
}
.NewCenter .center ul li .time{
display: block;
color: #999;
font-size: 14px;
line-height: 14px;
margin-top: 10px;
}
.NewCenter .center ul li p{
color: #666;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 24px;
margin-top: 12px;
}
.NewCenter .right{
float: right;
width: 32%;
}
.NewCenter .right img{
display: block;
width: 100%;
height: 100%;
}
.Decoration{
width: 100%;
background: url(../images/bg2.jpg)no-repeat;
background-size: auto 100%;
padding: 34px 0;
margin-top: 45px;
}
.Design{
width: 1200px;
margin: 0 auto;
}
.Design dl{
float: left;
width: 24%;
background: url(../images/company1.jpg)no-repeat;
background-size: 100% 100%;
padding: 50px 0;
margin-right: 1.33%;
}
.Design dl:last-child{
margin-right: 0;
}
.Design dl:nth-child(2){
background: url(../images/company2.jpg)no-repeat;
background-size: 100% 100%;
}
.Design dl:nth-child(3){
background: url(../images/company3.jpg)no-repeat;
background-size: 100% 100%;
}
.Design dl:nth-child(4){
background: url(../images/company4.jpg)no-repeat;
background-size: 100% 100%;
}
.Design dl dt{
text-align: center;
}
.Design dl dd{
text-align: center;
}
.Design dl dd span.line{
display: block;
margin: 0 auto;
height: 1px;
background: #fff;
width: 22px;
margin-top: 20px;
}
.Design dl dd h3{
line-height: 48px;
font-size: 24px;
font-weight: normal;
}
.Design dl dd h3 a{
color: #fff;
}
.Design dl dd p a{
color: #fff;
}
.Design dl dd p{
text-transform: uppercase;
font-size: 12px;
}
.OurHonor{
width: 1200px;
margin: 0 auto;
padding: 40px 0 50px 0;
}
.OurHonor .Left{
float: left;
width: 24%;
}
.OurHonor .Left h2{
font-size: 24px;
font-weight: normal;
border-bottom: 1px solid #d2d1d0;
width: 135px;
line-height: 24px;
padding-bottom: 20px;
}
.OurHonor .Left p{
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 12px;
}
.OurHonor .Left .en{
text-transform: uppercase;
display: block;
color: #999;
font-size: 14px;
margin-top: 30px;
}
.OurHonor .Left .more{
display: block;
width: 94px;
line-height: 28px;
color: #bcbcbc;
border: 1px solid #bcbcbc;
text-align: center;
font-size: 14px;
margin-top: 10px;
}
.OurHonor .Carousel-2{
float: left;
width: 76%;
position: relative;
overflow: hidden;
padding: 0 3%;
}
.OurHonor .Carousel-2 .prev{
left: 0;
width: 19px;
height: 33px;
background: url(../images/prev2.png)no-repeat;
margin-top: -16.5px;
z-index: 20;
}
.OurHonor .Carousel-2 .prev:hover{
background: url(../images/prev2-blue.png)no-repeat;
}
.OurHonor .Carousel-2 .next{
right: 0;
width: 19px;
height: 33px;
background: url(../images/next2.png)no-repeat;
margin-top: -16.5px;
z-index: 20;
}
.OurHonor .Carousel-2 .next:hover{
background: url(../images/next2-blue.png)no-repeat;
}
.Carousel-2 ul li dl dt a{
display: block;
}
.Carousel-2 ul li dl dt a img{
display: block;
width: 100%;
}
.Carousel-2 ul li dl dd{
text-align: center;
font-size: 14px;
margin-top: 10px;
}
.ColorEEE{
background: #eee;
}
.FriendLink{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.FriendLink h3{
float: left;
width: 11%;
font-size: 18px;
color: #fff;
background: #a2a2a2;
padding: 15px 0;
line-height: 18px;
position: relative;
z-index: 77;
text-align: center;
}
.FriendLink h3 span{
display: block;
font-weight: normal;
text-transform: uppercase;
font-size: 16px;
margin-top: 16px;
color: #eee;
}
.FriendLink .Carousel-3{
float: left;
width: 89%;
margin-top: 20px;
padding: 10px 30px;
position: relative;
overflow: hidden;
}
.Carousel-3 ul{
}
.Carousel-3 ul li{
text-align: center;
}
.Carousel-3 ul li img{
display: block;
width: 100%;
}
/* 页脚 */
.footer{
width: 100%;
background: #1b2025;
}
.pcFooter{
width: 1200px;
margin: 0 auto;
}
.pcFooter ul{
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
display: flexbox;
display: box;
-ms-flex-direction: row;
-ms-flex-align: center;
padding-top: 40px;
}
.pcFooter ul li{
-ms-box-flex:1;
-moz-box-flex:1;
-webkit-box-flex:1;
box-flex:1;
flex: 1;
-ms-flex: 1;
}
.pcFooter ul li:last-child{
width: 230px;
flex: none;
}
.pcFooter ul li dl dt{
color: #acadae;
font-size: 16px;
line-height: 36px;
}
.pcFooter ul li dl dd{
font-size: 14px;
line-height: 28px;
color: #737373;
}
.pcFooter ul li dl dd a{
color: #737373;
}
.pcFooter ul li dl dd span{
float: left;
width: 22%;
}
.pcFooter ul li dl dd p{
float: left;
width: 78%;
}
.phFooter{
width: 100%;
border-top: 1px solid #2f3438;
margin-top: 50px;
}
.phfoot{
width: 1200px;
margin: 0 auto;
}
.phfoot p{
float: left;
line-height: 70px;
color: #2f3438;
font-size: 14px;
}
.phfoot .fenXiang{
float: right;
line-height: 70px;
}
.phfoot .fenXiang a{
display: inline-block;
margin-left: 10px;
}
.Sidebar{
position: fixed;
right: 0;
top: 45%;
z-index: 999;
}
.Sidebar ul li{
position: relative;
width: 38px;
height: 38px;
margin-top: 5px;
}
.Sidebar ul li > a{
position: relative;
display: block;
width: 38px;
height: 38px;
z-index: 7;
}
.Sidebar ul li > a img{
display: block;
width: 100%;
height: 100%;
}
.Sidebar ul li.tels p{
position: absolute;
right: 0;
top: 0;
width: 0px;
height: 38px;
background: url(../images/1-1.png)no-repeat;
z-index: 6;
line-height: 38px;
font-size: 16px;
color: #fff;
padding-left: 10px;
transition: all .5s;
cursor: pointer;
overflow: hidden;
}
.Sidebar ul li.tels:hover p{
width: 167px;
z-index: 8;
}
.HeadImgBox{
width: 100%;
}
.HeadImgBox > img{
display: block;
width: 100%;
}
.HeadNav{
background: #f2f2f2;
height: 71px;
border-bottom: 1px solid #ddd;
position: relative;
}
.HeadNav ul{
margin: 0 auto;
width: 1200px;
height: 70px;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex;
display: flexbox;
display: box;
-ms-flex-direction: row;
-ms-flex-align: center;
}
.HeadNav ul>li{
-ms-box-flex:1;
-moz-box-flex:1;
-webkit-box-flex:1;
box-flex:1;
flex: 1;
-ms-flex: 1;
line-height: 70px;
text-align: center;
font-size: 18px;
border-right: 1px solid #ddd;
height: 70px;
}
.HeadNav ul>li:first-child{
border-left: 1px solid #ddd;
}
.HeadNav ul>li>a{
display: block;
}
.HeadNav ul>li.qyzx>a{
background: url(../images/hsj.png)no-repeat 75% center;
}
.HeadNav ul>li.qyzx.on>a,.HeadNav ul>li.qyzx:hover>a{
background: #fff url(../images/lsj.png)no-repeat 75% center;
border-top: 3px solid #005bac;
color: #005bac;
height: 71px;
}
.HeadNav ul>li.on>a,.HeadNav ul>li:hover>a{
background: #fff;
border-top: 3px solid #005bac;
color: #005bac;
height: 71px;
}
.HeadNav ul>li ol{
position: absolute;
width: 100%;
border-bottom: 1px solid #ddd;
left: 0;
top: 71px;
height: 43px;
text-align: center;
background: #fff;
padding-left: 11%;
display: none;
}
.HeadNav ul>li.qyzx2 ol{
text-align: left;
padding-left: 18.5%;
}
.HeadNav ul>li.one ol{
text-align: left;
padding-left: 18.5%;
}
.HeadNav ul>li.one:nth-child(2) ol{
padding-left: 31%;
}
.HeadNav ul>li.one:nth-child(3) ol{
padding-left: 43.5%;
}
.HeadNav ul>li.two ol{
text-align: center;
padding-left: 0;
padding-right: 50%;
}
.HeadNav ul>li ol li{
display: inline-block;
position: relative;
top: -14px;
line-height: 24px;
padding: 0 20px;
border-right: 1px solid #ddd;
}
.HeadNav ul>li ol li:first-child{
border-left: 1px solid #ddd;
}
.HeadNav ul>li ol li a{
display: block;
font-size: 16px;
}
.HeadNav ul>li ol li:hover a{
color: #005bac;
}
.AboutShuo{
width: 1200px;
margin: 0 auto;
}
.AboutShuo h2{
font-size: 24px;
font-weight: normal;
text-align: center;
margin-top: 40px;
color: #333;
}
.AboutShuo>p{
font-size: 16px;
color: #666;
line-height: 30px;
margin-top: 30px;
}
.AboutShuo p.ind{
text-indent: 2em;
}
.AboutShuo .CompanyTre{
margin-top: 30px;
}
.AboutShuo .CompanyTre .left{
width: 35%;
float: left;
background: #363636;
color: #fff;
padding: 8.7% 4%;
font-size: 16px;
line-height: 26px;
}
.AboutShuo .CompanyTre .right{
float: left;
width: 65%;
}
.AboutShuo .CompanyTre .right img{
display: block;
width: 100%;
}
.AboutShuo > img.sing{
display: block;
margin: 0 auto;
margin-top: 30px;
width: 100%;
}
.BlueWhiteDragon{
width: 100%;
background: url(../images/bluebg.jpg)no-repeat;
background-size: 100% 100%;
padding: 4% 0;
margin-top: 40px;
}
.BlueWhiteDragon dl{
width: 1200px;
margin: 0 auto;
}
.BlueWhiteDragon dl dt{
float: right;
width: 50%;
}
.BlueWhiteDragon dl dt img{
display: block;
width: 100%;
}
.BlueWhiteDragon dl dd{
float: left;
width: 46%;
font-size: 16px;
color: #fff;
line-height: 30px;
text-indent: 2em;
padding-top: 3%;
}
.CompanyTreS{
width: 1200px;
margin: 0 auto;
padding: 3% 0;
}
.CompanyTreS dl{
width: 100%;
}
.CompanyTreS dl dt{
float: left;
width: 50%;
}
.CompanyTreS dl dt img{
display: block;
width: 100%;
}
.CompanyTreS dl dd{
float: right;
width: 46%;
font-size: 16px;
text-indent: 2em;
line-height: 30px;
color: #666;
padding-top: 6%;
}
.CompanyTreS dl:nth-child(even) dt{
float: right;
}
.CompanyTreS dl:nth-child(even) dd{
float: left;
}
.CompanyAddress{
width: 1200px;
margin: 0 auto;
margin-top: 55px;
}
.CompanyName{
float: left;
width: 50%;
}
.CompanyName h2{
font-size: 24px;
font-weight: normal;
color: #444;
}
.CompanyName ul{
margin-top: 35px;
}
.CompanyName ul li{
font-size: 16px;
color: #666;
margin-top: 30px;
line-height: 37px;
}
.CompanyName ul li img{
float: left;
margin-right: 15px;
width: 36px;
}
.CompanyErwm{
float: right;
width: 50%;
display: flex;
text-align: right;
}
.CompanyErwm dl{
display: block;
text-align: center;
margin-left: 35px;
/*float: right;*/
margin-top: 65px;
}
.CompanyErwm dl:nth-child(1){
/*margin-left: 0;*/
}
.CompanyErwm dl dd{
font-size: 16px;
color: #666;
margin-top: 10px;
}
.CompanyErwm dl img{width:160px;}
.CompanyAdr{
display: block;
width: 100%;
margin-top: 50px;
}
.ByBusWay{
width: 1200px;
margin: 0 auto;
margin-top: 50px;
}
.ByBusWay .tip{
font-size: 24px;
}
.ByBusWay .tip span{
color: #888;
font-weight: normal;
font-size: 20px;
}
.ByBusWay h3{
background: url(../images/cm5.png)no-repeat left center;
font-size: 18px;
color: #37a4e3;
padding-left: 45px;
line-height: 40px;
font-weight: normal;
margin-top: 20px;
}
.BusBox > div{
float: left;
width: 33.33%;
min-height: 460px;
margin-top: 30px;
padding-bottom: 20px;
color: #fff;
}
.BusBox > div:nth-child(1){
background: #2a79c2;
}
.BusBox > div:nth-child(2){
background: #f98248 url(../images/bus.png)no-repeat center 90%;
}
.BusBox > div:nth-child(3){
background: #79c764;
}
.BusBox > div h4{
text-align: center;
font-size: 22px;
font-weight: normal;
margin-top: 35px;
margin-bottom: 20px;
}
.BusBox > div p{
margin: 0 10%;
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
.BusBox > div p.hasD{
background: url(../images/yuan.png)no-repeat left center;
padding-left: 20px;
margin-top: 20px;
}
.ByCarWay{
width: 1200px;
margin: 0 auto;
margin-top: 35px;
}
.ByCarWay h3{
background: url(../images/cm6.png)no-repeat left center;
line-height: 40px;
font-size: 18px;
color: #de6764;
padding-left: 45px;
font-weight: normal;
}
.ByCarWay div{
background: #60a5b4;
color: #fff;
margin-top: 30px;
padding: 40px 7%;
}
.ByCarWay div h4{
font-size: 22px;
text-align: center;
font-weight: normal;
}
.ByCarWay div p{
font-size: 14px;
line-height: 24px;
}
.ByCarWay div p span{
display: block;
}
.ByMapWay{
width: 1200px;
margin: 0 auto;
margin-top: 35px;
}
.ByMapWay h3{
background: url(../images/cm7.png)no-repeat left center;
line-height: 40px;
font-size: 18px;
color: #37a4e3;
padding-left: 45px;
font-weight: normal;
}
.ByMapWay div p{
float: left;
width: 49.5%;
margin-right: 1%;
line-height: 80px;
text-align: center;
font-size: 18px;
margin-top: 30px;
}
.ByMapWay div p:nth-child(2){
margin-right: 0;
background: url(../images/mapbg2.png)no-repeat;
background-size: 100% 100%;
}
.ByMapWay div p:nth-child(1){
background: url(../images/mapbg1.png)no-repeat;
background-size: 100% 100%;
}
.ByMapWay div p a{
display: block;
color: #fff;
}
.WhiteBackground{
padding: 50px 0 60px 0;
background: url(../images/whitebg.jpg)no-repeat;
background-size: 100% 100%;
margin-top: 70px;
}
.FenCompany{
width: 1200px;
margin: 0 auto;
}
.FenCompany h2{
font-size: 22px;
font-weight: normal;
}
.FenGsBox{
}
.FenGsBox .FenGs{
float: left;
width: 32%;
margin-right: 2%;
background: #fff;
padding: 30px 5%;
margin-top: 30px;
}
.FenGsBox .FenGs:nth-child(3n){
margin-right: 0;
}
.FenGsBox .FenGs .FeName{
border-bottom: 1px solid #005bac;
padding-bottom: 10px;
}
.FenGsBox .FenGs .FeName h3{
font-size: 18px;
font-weight: normal;
line-height: 28px;
height: 28px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.FenGsBox .FenGs ul{
padding-top: 5px;
}
.FenGsBox .FenGs ul li{
color: #888;
font-size: 16px;
margin-top: 10px;
}
.FenGsBox .FenGs ul li:first-child{
line-height: 20px;
height: 40px;
overflow: hidden;
}
.Corporate{
width: 1200px;
margin: 0 auto;
margin-top: 50px;
}
.Corporate h2{
text-align: center;
font-size: 24px;
font-weight: normal;
}
.CorporateBox dl{
float: left;
width: 48.5%;
margin-right: 3%;
margin-top: 40px;
}
.CorporateBox dl:nth-child(2n){
margin-right: 0;
}
.CorporateBox dl dt{
border: 1px solid #ddd;
}
.CorporateBox dl dt img{
display: block;
width: 100%;
}
.CorporateBox dl dd{
text-align: center;
margin-top: 15px;
}
.CorporateBox dl dd h3{
color: #005bac;
font-size: 20px;
font-weight: normal;
}
.CorporateBox dl dd p{
color: #666;
font-size: 18px;
}
.Culture{
width: 1200px;
margin: 0 auto;
}
.Culture dl{
float: left;
width: 32%;
margin-right: 2%;
min-height: 397px;
text-align: center;
color: #fff;
}
.Culture dl:nth-child(3n){
margin-right: 0;
}
.Culture dl:nth-child(1){
background: url(../images/orb1.jpg)no-repeat;
background-size: 100% 100%;
}
.Culture dl:nth-child(2){
background: url(../images/orb2.jpg)no-repeat;
background-size: 100% 100%;
}
.Culture dl:nth-child(3){
background: url(../images/orb3.jpg)no-repeat;
background-size: 100% 100%;
}
.Culture dl dt{
margin-top: 25%;
}
.Culture dl dd{
margin-top: 30px;
}
.Culture dl dd h3{
font-size: 20px;
}
.Culture dl dd p{
font-size: 16px;
margin-top: 20px;
line-height: 28px;
}
.Enterprise{
width: 1200px;
margin: 50px auto;
}
.Enterprise #Videos{
width: 100%;
}
.Enterprise p{
font-size: 16px;
text-indent: 2em;
line-height: 26px;
margin-top: 20px;
margin-bottom: 30px;
}
.Enterprise dl{
width: 100%;
margin-top: .5%;
}
.Enterprise dl dt{
float: left;
width: 65%;
}
.Enterprise dl dt img{
display: block;
width: 100%;
}
.Enterprise dl dd{
float: right;
width: 34.5%;
}
.Enterprise dl dd img{
display: block;
width: 100%;
margin-top: 1.3%;
}
.Enterprise dl dd img:first-child{
margin-top: 0;
}
.Enterprise dl:nth-child(even) dt{
float: right;
}
.Enterprise dl:nth-child(even) dd{
float: left;
}
.Enterprise > img{
display: block;
margin: 0 auto;
margin-top: 5px;
max-width: 100%;
}
.Certificate{
width: 1200px;
margin: 50px auto;
margin-top: 30px;
}
.BooksBox dl{
float: left;
width: 31.33%;
margin-right: 3%;
margin-top: 40px;
padding-top: 38px;
background: url(../images/zst.png)no-repeat center top;
}
.BooksBox dl:nth-child(3n){
margin-right: 0;
}
.BooksBox dl dt{
box-shadow: 15px 38px 38px #ddd;
text-align: center;
background: url(../images/zsbgt.jpg)no-repeat left top;
background-size: 100% 100%;
}
.BooksBox dl dt img{
display: block;
width: 100%;
}
.BooksBox dl dd{
margin-top: 36px;
line-height: 36px;
border: 1px solid #666;
border-left: none;
border-right: none;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.BooksBox dl dd a{
color: #666;
display: block;
}
.BooksBox dl:hover dd{
border-color: #005bac;
}
.BooksBox dl:hover dd a{
color: #005bac;
}
.NumberBox{
margin-top: 60px;
text-align: center;
}
.NumberBox a{
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #ddd;
text-align: center;
line-height: 32px;
font-size: 16px;
color: #787878;
margin: 0 3px;
}
.NumberBox a.a1{
font-size: 16px;
width: 72px;
}
.NumberBox span{
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #005bac;
text-align: center;
line-height: 32px;
font-size: 16px;
color: #fff;
background: #005bac;
cursor: pointer;
margin: 0 3px;
}
.BookShoWindow{
width: 1200px;
margin: 50px auto;
margin-top: 70px;
}
.BookShoWindow h2{
text-align: center;
font-size: 24px;
font-weight: normal;
}
.BookShoWindow .time{
border: 1px solid #ddd;
line-height: 38px;
border-left: none;
border-right: none;
margin-top: 20px;
text-align: center;
font-size: 14px;
color: #999;
}
.BookShoWindow>img{
display: block;
margin: 50px auto;
}
.ChangePage{
border-top: 1px solid #ddd;
margin-top: 80px;
padding-top: 20px;
}
.ChangePage ul{
float: left;
width: 50%;
}
.ChangePage ul li{
color: #888;
font-size: 16px;
line-height: 30px;
}
.ChangePage ul li a{
color: #888;
}
.ChangePage p{
float: right;
font-size: 16px;
color: #888;
width: 50%;
text-align: right;
margin-top: 20px;
}
.ChangePage p a{
display: inline-block;
margin: 0 3px;
}
.Layout{
background: url(../images/msbg.jpg) no-repeat left bottom;
background-size: cover;
margin: 50px 0;
}
.Layout dl{
width: 1200px;
margin: 0 auto;
min-height: 645px;
}
.Layout dl dt{
float: right;
width: 58%;
line-height: 645px;
}
.Layout dl dt img{
width: 100%;
}
.Layout dl dd{
float: left;
width: 39%;
background: rgba(255,255,255,0.8);
min-height: 645px;
padding: 0 4%;
}
.Layout dl dd h2{
color: #005bac;
font-size: 28px;
margin-top: 30%;
}
.Layout dl dd .line{
display: block;
width: 31px;
height: 3px;
background: #005bac;
margin: 10px 0;
}
.Layout dl dd h4{
font-size: 16px;
}
.Layout dl dd p{
font-size: 16px;
margin-top: 30px;
color: #666;
line-height: 30px;
}
.CaseWindow{
width: 1200px;
margin: 50px auto;
}
.CaseShowList dl{
float: left;
width: 33.33%;
position: relative;
overflow: hidden;
}
.CaseShowList dl dt{
position: relative;
}
.CaseShowList dl dt>img{
display: block;
width: 100%;
}
.CaseShowList dl dt .Mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 1;
padding: 15px;
opacity: 0;
transition: all 1s;
}
.CaseShowList dl dt .Mask .NameB{
border: 1px solid #ddd;
width: 100%;
height: 100%;
}
.CaseShowList dl dt .Mask .NameB h3{
text-align: center;
font-size: 18px;
font-weight: normal;
margin-top: 23%;
}
.CaseShowList dl dt .Mask .NameB h3 a{
color: #fff;
}
.CaseShowList dl dt .Mask .NameB > a{
display: block;
width: 26px;
height: 26px;
margin: 0 auto;
margin-top: 20px;
}
.CaseShowList dl dd{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
background: rgba(0,0,0,0.6);
transition: all .5s;
}
.CaseShowList dl dd a{
color: #fff;
font-size: 16px;
}
.CaseShowList dl:hover dd{
bottom: -50px;
}
.CaseShowList dl:hover dt .Mask{
opacity: 1;
}
.CarouselBox{
width: 100%;
margin-top: 60px;
}
.ShowBigPic{
width: 80%;
border: 1px solid #ccc;
padding: 10px;
background: #f4f4f4;
margin: 0 auto;
}
.ShowBigPic img{
display: block;
width: 100%;
}
.SmallPicBox{
position: relative;
overflow: hidden;
padding: 0 65px;
margin-top: 40px;
}
.SmallPicBox ul li img{
display: block;
width: 100%;
}
.SmallPicBox .prev{
left: 0;
background: #fff url(../images/prev4.jpg)no-repeat;
background-size: 100% 100%;
height: 100%;
top: 0;
margin-top: 0;
width: 60px;
}
.SmallPicBox .next{
right: 0;
background: #fff url(../images/next4.jpg)no-repeat;
background-size: 100% 100%;
height: 100%;
top: 0;
margin-top: 0;
width: 60px;
}
.SmallPicBox ul li{
border: 1px solid #ccc;
padding: 5px;
background: #f4f4f4;
}
.SmallPicBox ul li.swiper-slide-active{
border-color: orange;
}
.TeamPresence{
background: url(../images/bg3.png)no-repeat;
padding: 55px 0;
}
.Presence{
width: 1200px;
margin: 0 auto;
}
.Presence dl{
position: relative;
margin-top: 35px;
min-height: 364px;
}
.Presence dl dt{
float: left;
width: 55.5%;
line-height: 364px;
}
.Presence dl dt img{
display: inline-block;
width: 100%;
}
.Presence dl dd{
position: absolute;
width: 48.58%;
background: url(../images/wbg.png)no-repeat left center;
background-size: 100% 100%;
transition: all .5s;
right: 0;
min-height: 364px;
top: 50%;
margin-top: -182px;
padding: 0 4%;
}
.Presence dl:nth-child(even) dd{
right: auto;
left: 0;
background: url(../images/wbg2.png)no-repeat right center;
background-size: 100% 100%;
}
.Presence dl:nth-child(even) dt{
float: right;
}
.Presence dl:hover dd{
background: url(../images/bbg.png)no-repeat left center;
background-size: 100% 100%;
}
.Presence dl:nth-child(even):hover dd{
background: url(../images/bbg2.png)no-repeat right center;
background-size: 100% 100%;
}
.Presence dl dd h3{
font-size: 20px;
margin-top: 10%;
font-weight: normal;
}
.Presence dl dd p{
margin-top: 6%;
font-size: 16px;
color: #666;
line-height: 26px;
}
.Presence dl dd a.more{
display: block;
width: 105px;
line-height: 33px;
text-align: center;
font-size: 16px;
color: #666;
border: 1px solid #bebebe;
margin-top: 6%;
}
.Presence dl:hover dd h3{
color: #fff;
}
.Presence dl:hover dd p{
color: #fff;
}
.Presence dl:hover dd a.more{
color: #fff;
border-color: #fff;
}
.resources{
width: 1200px;
margin: 60px auto;
}
.resources ul{
width: 100%;
}
.resources ul>li{
width: 100%;
margin-top: 40px;
height: 122px;
background: #eee;
}
.resources ul>li h2{
float: left;
width: 18%;
background: #c8c8c8;
line-height: 122px;
text-align: center;
font-size: 20px;
font-weight: normal;
position: relative;
transition: all .5s;
}
.resources ul>li:hover h2{
background: #1d45a4;
color: #fff;
}
.resources ul>li.on h2{
background: #1d45a4;
color: #fff;
}
.resources ul>li h2:after{
content: ".";
position: absolute;
width: 0;
height: 0;
border: 10px solid #c8c8c8;
transform: rotate(45deg);
top: 50%;
right: -10px;
margin-top: -10px;
color: transparent;
transition: all .5s;
}
.resources ul>li:hover h2:after{
border-color: #1d45a4;
}
.resources ul>li.on h2:after{
border-color: #1d45a4;
}
.resources ul>li h2 em{
float: right;
font-size: 14px;
display: none;
}
.resources ul>li p{
float: left;
width: 67%;
height: 100px;
padding-top: 22px;
}
.resources ul>li p span{
float: left;
width: 32.5%;
text-align: center;
font-size: 14px;
line-height: 28px;
}
.resources ul>li .look{
float: left;
width: 15%;
height: 122px;
background: #c8c8c8;
font-size: 14px;
text-align: center;
transition: all .5s;
}
.resources ul>li:hover .look{
background: #1d45a4;
}
.resources ul>li.on .look{
background: #1d45a4;
}
.resources ul>li .look a{
color: #fff;
background: #1d45a4;
display: inline-block;
padding: 3% 6%;
margin-top: 26%;
transition: all .5s;
}
.resources ul>li:hover .look a{
background: #fff;
color: #1d45a4;
}
.resources ul>li.on .look a{
background: #fff;
color: #1d45a4;
}
.resources ul>div{
display: none;
width: 100%;
padding: 2% 5%;
border-top: 6px solid #fabc44;
background: #e9e9e9 url(../images/jiaru.png)no-repeat 90% center;
padding-bottom: 4%;
}
.resources ul>div h4{
font-size: 16px;
line-height: 16px;
padding-top: 20px;
}
.resources ul>div ol{
padding-top: 10px;
}
.resources ul>div ol li{
font-size: 14px;
color: #333;
line-height: 30px;
}
.resources ul>div p{
padding-top: 20px;
font-size: 15px;
}
.resources ul>div p a{
font-weight: bold;
}
.EnterpriseHonor{
background: url(../images/bg4.png)no-repeat;
background-size: 100% 100%;
padding: 45px 0 55px 0;
}
.HonorBoxs{
width: 1200px;
margin: 0 auto;
}
.HonorBoxs dl{
float: left;
width: 32.5%;
margin-right: 1.25%;
text-align: center;
box-shadow: 0 0 7px #444;
min-height: 320px;
margin-top: 35px;
background: #fff;
position: relative;
}
.HonorBoxs dl:nth-child(3n){
margin-right: 0;
}
.HonorBoxs dl dt{
line-height: 264px;
}
.HonorBoxs dl dd{
position: absolute;
bottom: 0;
width: 100%;
line-height: 56px;
text-align: center;
background: #d3d3d3;
font-size: 16px;
transition: all .5s;
}
.HonorBoxs dl dd a{
display: block;
}
.HonorBoxs dl dt img{
max-width: 92%;
}
.HonorBoxs dl:nth-child(2n) dd{
background: #005bac;
}
.HonorBoxs dl:nth-child(2n) dd a{
color: #fff;
}
.HonorBoxs dl:hover dd{
background: #005bac;
line-height: 80px;
}
.HonorBoxs dl:hover dd a{
color: #fff;
}
.HotNewsCenter{
background: url(../images/hotnew.jpg)no-repeat left center;
padding: 84px 0 135px 0;
margin-top: 55px;
background-size: 48% 100%;
}
.new-Carousel{
width: 1200px;
margin: 0 auto;
}
.Carousel-6{
float: left;
width: 52%;
position: relative;
overflow: hidden;
box-shadow: -40px 40px 0 #fff;
}
.picbox{
width: 300%;
}
.picbox li{
float: left;
width: 33.33%;
}
.picbox li img{
display: block;
width: 100%;
}
.n-prev{
width: 50px;
height: 68px;
background: url(../images/n-prev.png)no-repeat;
margin-top: -34px;
left: 0;
}
.n-next{
width: 50px;
height: 68px;
background: url(../images/n-next.png)no-repeat;
margin-top: -34px;
right: 0;
}
.Carousel-7{
float: right;
width: 44%;
position: relative;
overflow: hidden;
}
.txtbox{
width: 300%;
}
.txtbox li{
float: left;
width: 33.33%;
}
.txtbox li h3{
width: 100%;
font-size: 24px;
line-height: 34px;
padding-top: 3%;
}
.txtbox li p{
width: 100%;
font-size: 16px;
color: #666;
line-height: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin-top: 5%;
}
.txtbox li span{
display: block;
font-size: 12px;
color: #999;
line-height: 24px;
background: url(../images/time.png)no-repeat left center;
padding-left: 25px;
margin-top: 4%;
}
.txtbox li a{
display: block;
width: 164px;
background: #1d45a4;
color: #fff;
text-align: center;
line-height: 38px;
font-size: 16px;
margin-top: 7%;
}
.txtbox li a img{
margin-left: 5px;
}
.NewCenterList{
width: 1200px;
margin: 0 auto;
margin-top: 10px;
}
.NewCenterList .NewPage{
float: left;
width: 32.5%;
margin-right: 1.25%;
margin-top: 50px;
background: url(../images/newbgd.png)no-repeat;
background-size: 100% 100%;
padding: 10px 3% 30px 3%;
transition: all .5s;
}
.NewCenterList .NewPage:nth-child(3n){
margin-right: 0;
}
.NewCenterList .NewPage p.time{
color: #999;
background: url(../images/time.png)no-repeat left center;
padding-left: 25px;
line-height: 40px;
transition: all .5s;
height: 40px;
}
.NewCenterList .NewPage .pics img{
display: block;
width: 100%;
max-height: 170px;
}
.NewCenterList .NewPage h3{
margin-top: 20px;
font-size: 18px;
line-height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 52px;
}
.NewCenterList .NewPage h3 a{
transition: all .5s;
}
.NewCenterList .NewPage p{
font-size: 16px;
color: #666;
margin-top: 20px;
transition: all .5s;
line-height: 20px;
height: 80px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.NewCenterList .NewPage .more{
float: right;
width: 63px;
line-height: 25px;
text-align: center;
font-size: 14px;
background: #005bac;
color: #fff;
margin-top: 15px;
transition: all .5s;
}
.NewCenterList .NewPage:hover{
background: url(../images/newbg.png)no-repeat;
background-size: 100% 100%;
}
.NewCenterList .NewPage:hover p.time{
color: #fff;
background: url(../images/timew.png)no-repeat left center;
}
.NewCenterList .NewPage:hover h3 a{
color: #fff;
}
.NewCenterList .NewPage:hover p{
color: #aec0e3;
}
.NewCenterList .NewPage:hover .more{
background: #486fad;
}
.Space{
width: 100%;
height: 60px;
}
.BookShoWindow2 div.ind{
font-size: 16px;
color: #666;
line-height: 26px;
margin-top: 30px;
}
.BookShoWindow2>img{
margin: 0 auto;
margin-top: 30px;
}
.BookShoWindow2 div.ind img{
display: block;
margin: 0 auto;
max-width: 100%;
margin-top: 20px;
}
.BookShoWindow2 div.ind iframe{
width: 80%;
height: 600px;
}
@media screen and (max-width: 1200px){
.BookShoWindow2 div.ind iframe{
width: 80%;
height: 550px;
}
}
@media screen and (max-width: 960px){
.BookShoWindow2 div.ind iframe{
width: 90%;
height: 550px;
}
}
@media screen and (max-width: 768px){
.BookShoWindow2 div.ind iframe{
width: 90%;
height: 460px;
}
}
@media screen and (max-width: 550px){
.BookShoWindow2 div.ind iframe{
width: 96%;
height: 360px;
}
}
@media screen and (max-width: 414px){
.BookShoWindow2 div.ind iframe{
width: 96%;
height: 270px;
}
}
@media screen and (max-width: 375px){
.BookShoWindow2 div.ind iframe{
width: 96%;
height: 250px;
}
}
@media screen and (max-width: 320px){
.BookShoWindow2 div.ind iframe{
width: 96%;
height: 220px;
}
}
.threeNav{
padding: 0 2%;
display: none;
}
.threeNav li{
float: left;
width: 23.5%;
margin-right: 2%;
line-height: 40px;
background: #ddd;
text-align: center;
font-size: 18px;
border: 1px solid #ccc;
margin-top: 20px;
}
.threeNav li:nth-child(4n){
margin-right: 0;
}
.threeNav li a{
display: block;
}
.CaseShowList2 dl{
float: left;
width: 38.6%;
margin-top: 5px;
position: relative;
min-height: 364px;
overflow: hidden;
}
.CaseShowList2 dl:nth-child(2n){
padding-right: 0;
}
.CaseShowList2 dl.left{
float: left;
}
.CaseShowList2 dl.right{
float: right;
}
.CaseShowList2 dl.big{
width: 61%;
}
.CaseShowList2 dl dt img{
display: block;
hieght: 100%;
}
.CaseShowList2 dl dd{
position: absolute;
height: 100%;
top: 0;
left: 0;
z-index: 10;
transition: all .5s;
}
.CaseShowList2 dl dd img{
display: block;
height: 100%;
}
.CaseShowList2 dl .Mask{
position: absolute;
left: -100%;
top: 0;
z-index: 11;
width: 100%;
height: 100%;
background: url(../images/bluebbg.png);
padding: 10px;
transition: all .5s;
}
.CaseShowList2 dl.black .Mask{
background: rgba(0,0,0,0.4);
}
.CaseShowList2 dl .Mask a{
display: block;
width: 100%;
height: 100%;
border: 1px solid #fff;
text-align: center;
}
.CaseShowList2 dl .Mask a span{
display: block;
}
.CaseShowList2 dl .Mask a span.cn{
font-size: 24px;
font-weight: bold;
color: #fff;
margin-top: 32%;
}
.CaseShowList2 dl.big .Mask a span.cn{
margin-top: 20%;
}
.CaseShowList2 dl .Mask a span.en{
text-transform: uppercase;
color: #fff;
font-size: 16px;
margin-top: 7px;
}
.CaseShowList2 dl:hover dd{
left: -50%;
}
.CaseShowList2 dl:hover .Mask{
left: 0;
}